<!DOCTYPE html>
<html lang="en">

<head>
    <!-- 设置缓存 -->
    <!-- 设定网页的到期时间  -->
    <meta http-equiv="Expires" content="-1">
    <!-- 清除缓存（再访问这个网站要重新下载！） -->
    <meta http-equiv="Cache-Control" content="no-cache">
    <!-- 禁止浏览器从本地机的缓存中调阅页面内容，访问者将无法脱机浏览 -->
    <meta http-equiv="Pragma" content="no-cache">

    <!-- author用于定义网页作者 -->
    <meta name="author" content="aicoder.com">
    <!-- 就是当点击网页添加至主屏幕功能时，会在主屏幕上生成一个图标。点击该图标会进入webapp功能。就是模拟本地应用的模式来浏览web页面。 -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 当启动webapp功能时，显示手机信号、时间、电池的顶部导航栏的颜色。默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。这个主要是根据实际的页面设计的主体色为搭配来进行设置。 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 添加到主屏幕后，app全屏显示 -->
    <meta content="yes" name="apple-touch-fullscreen" />

    <!-- 默认设备会自动识别任何可能是电话和邮箱的字符串。设置telephone=no可以禁用这项功能。 -->
    <meta content="telephone=no,email=no" name="format-detection" />

    <!-- UC浏览器私有 -->
    <!-- 全屏模式 -->
    <meta name="full-screen" content="yes">
    <!-- 应用模式 -->
    <meta name="browsermode" content="application">

    <!-- QQ浏览器私有 -->
    <!-- 全屏模式 -->
    <meta name="x5-fullscreen" content="true">
    <!-- 应用模式 -->
    <meta name="x5-page-mode" content="app">
    <meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes" />
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/mine.css">
    <link rel="stylesheet" href="./font/fontshop/iconfont.css">
    <script src="./lib/hotcss-v2.0.1/imochen-hotcss/src/hotcss.js"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <header>
        <div class="top-hd">
            <div class="top-hd-vatar">
                <img src="./img/我的/头像.png">
                <h3>路人丙</h3>
            </div>
            <i class="iconfont icon-xiaoxi1"></i>
            <i class="iconfont icon-config--shixin"></i>
        </div>
        <div class="top-bd">
            <ul>
                <li><i class="iconfont icon-dianpushoucang"></i><span>店铺收藏</span></li>
                <li><i class="iconfont icon-shangpinshoucang"></i><span>商品收藏</span></li>
                <li><i class="iconfont icon-pinpai"></i><span>关注品牌</span></li>
                <li><i class="iconfont icon-wodezuji"></i><span>我的足迹</span></li>
            </ul>
        </div>
    </header>
    <main>
        <div class="layer-interval"></div>
        <div class="layer-order">
            <div class="order-hd">
                <div class="order-hd-l"><i class="iconfont icon-icon-"></i><span>我的订单</span></div>
                <div class="order-hd-r"><span>查看全部订单</span> <i class="iconfont icon-moreinfo-copy-copy"></i></div>
            </div>
            <div class="order-bd">
                <ul>
                    <li><i class="iconfont icon-daishou"></i><span>待收货</span></li>
                    <li><i class="iconfont icon-daifukuan"></i><span>待付款</span></li>
                    <li><i class="iconfont icon-daipingjia"></i><span>待评价</span></li>
                    <li><i class="iconfont icon-tuihuanhuo"></i><span>退换货</span></li>
                </ul>
            </div>
            <div class="layer-interval"></div>
        </div>

        <div class="layer-wallet">
            <div class="wallet-hd">
                <div class="wallet-hd-l"><i class="iconfont icon-qianbao"></i><span>我的钱包</span></div>
                <div class="wallet-hd-r"><span>余额、红包、礼品卡</span> <i class="iconfont icon-moreinfo-copy-copy"></i></div>
            </div>
            <div class="wallet-bd">
                <ul>
                    <li>
                        <p>1900</p><span>余额</span>
                    </li>
                    <li>
                        <p>800</p><span>红包</span>
                    </li>
                    <li>
                        <p>1920</p><span>代金券</span>
                    </li>
                    <li>
                        <p>30</p><span>礼品卡</span>
                    </li>
                </ul>
            </div>
            <div class="layer-interval"></div>
        </div>
        <div class="layer-menu">
                <div class="menu-wrap">
                        <div class="menu-l"> <i class="iconfont icon-zaixiankefu"></i><span>在线客户服务</span></div>
                        <div class="menu-r"><i class="iconfont icon-moreinfo-copy-copy"></i></div>
                </div>
                <div class="menu-wrap">
                        <div class="menu-l"> <i class="iconfont icon-xianshimiaosha"></i><span>限时秒杀活动</span></div>
                        <div class="menu-r"><i class="iconfont icon-moreinfo-copy-copy"></i></div>
                </div>
                <div class="menu-wrap">
                        <div class="menu-l"> <i class="iconfont icon-weibiaoti2fuzhi05"></i><span>母婴产品专区</span></div>
                        <div class="menu-r"><i class="iconfont icon-moreinfo-copy-copy"></i></div>
                </div>
                <div class="menu-wrap">
                        <div class="menu-l"> <i class="iconfont icon-shoujichongzhi"></i><span>手机快速充值</span></div>
                        <div class="menu-r"><i class="iconfont icon-moreinfo-copy-copy"></i></div>
                </div>
                <div class="menu-wrap">
                        <div class="menu-l"> <i class="iconfont icon-paimai"></i><span>1元拍卖会</span></div>
                        <div class="menu-r"><i class="iconfont icon-moreinfo-copy-copy"></i></div>
                </div>
        </div>
    </main>

    <!-- 底部 -->
    <footer>
        <div class="footer-list">
            <ul>
                <li><a href="index.html"><i class="iconfont icon-shouye2"></i><span>首页</span></a></li>
                <li><i class="iconfont icon-sousuo"></i><span>搜索</span></li>
                <li><i class="iconfont icon-leimupinleifenleileibie"></i><span>分类</span></li>
                <li><a href="cart.html"><i class="iconfont icon-gouwuche"></i><span>购物车</span></a></li>
                <li><a href="mine.html"><i class="iconfont icon-sself"></i><span>我的</span></a></li>
            </ul>
        </div>
    </footer>
</body>

</html>